/*
 * @Date: 2022-05-22 09:30:35
 * @LastEditors: sailornpg
 * @LastEditTime: 2022-05-22 17:09:03
 * @FilePath: \my-react-components\src\stories\Button.stories.tsx
 * @Description: something
 */
import React from "react";
import { ComponentStory, ComponentMeta } from "@storybook/react";
import Button from "../component/Button";
export default {
  title: "Example/Button",
  component: Button,
  argTypes: {
    backgroundColor: { control: "color" },
  },
  decorators: [(Button) => <div style={{ margin: "3em" }}>{Button()}</div>],
  parameters: {
    size: {
      value: ["large", "small"],
    },
  },
} as ComponentMeta<typeof Button>;

const Template: ComponentStory<typeof Button> = (args) => (
  <Button {...args}>Button</Button>
);
export const Primary = Template.bind({});
Primary.args = {
  btnType: "primary",
};
